﻿/* Данные классы относяться к общей стилизации страницы */

/* Общая стилизация классов */
.Area {
    height: auto;
	width: auto;
    position: relative;
	float: left;
    margin: 10px;
    padding: 10px;
    background-color: #ccffcc;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 1px 1px 10px #000;
    -webkit-box-shadow: 1px 1px 30px #000;
    font-size: 20px;
    color: #333333;
    text-shadow: 2px 2px 15px #000;
}

.Form {
    width: auto;
    height: auto;
    margin: 5px;
    padding: 5px;
    float: left;
}

.List {
    max-width: 200px;
    max-height: 100px;
    overflow: auto;
    position: relative;
	float: left;
    margin: 10px;
    padding: 10px;
    background-color: #ecf5ec;
    -khtml-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 1px 1px 10px #000;
    -webkit-box-shadow: 1px 1px 30px #000;
    font-size: 20px;
    color: #241919;
    text-shadow: 2px 2px 15px #000;
}

.List p:hover {
    -webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #FFFFFF;
    -webkit-fill-color: #FFFFFF;
    text-shadow: 1px 0px 20px yellow;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.List p:active {
    -webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #FFFFFF;
    -webkit-fill-color: #FFFFFF;
    text-shadow: 1px 0px 20px red;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.button {
	display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
}

.button:hover {
    text-decoration: none;
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
}

.button:active {
    position: relative;
    top: 1px;
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
}

.text {
    font-size:18px;
    font-family: helvetica;
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
    color:gray;
    background-color:#eee;
    padding: 3px;
}

.text:focus {
    box-shadow: 0 0 15px green;
    -webkit-box-shadow: 0 0 15px green;
    border:1px solid green;
    background-color:white;
}

.box {
    width: 450px;
    height: 50px;

}

.box {
    overflow: auto;
    position: relative;
    float:left;
    padding:1em;
    margin:2em 10px 4em;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border-radius:4px;
}

/* Стилизация области самой игры */
#Map {
	width: 810px;
    height: 430px;
    border-color: #a3a39e;
    border-radius: .5em;
	border-style: solid;
	float: left;
	left: 0px;
	outline-width: 2px;
	top: 0px;
}

#Nav_and_LMap {
    width: 330px;
    height: 430px;
    border-color: #a3a39e;
    border-radius: .5em;
    border-style: solid;
	float: left;
}

#Game_Nav_area {
	width: 330px;
    height: 260px;
	float: left;
}

#Little_map_area {
    width: 330px;
    height: 170px;
	float: left;
}

.chatBox {
    width: 200px;
    height: 430px;
    overflow: auto;
    float: left;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border-radius:4px;
}

#Chat_area {
    width: 1350px;
    height: 30px;
    float: left;
    border-color: #a3a39e;
    border-radius: .5em;
    border-style: solid;
}

#chat_message {
    width: 1200px;
}

/* Стилизация области создания новой игры */